{% extends 'home/home.html' %}
{% block index %}
{% load static %}

<div uk-height-viewport="" class="uk-section uk-section-small uk-flex uk-flex-middle uk-text-center"
    style="min-height: calc(100vh);">
    <div class="uk-width-1-1">
        <div class="uk-container" style="max-width: 330px;">
            <p><svg width="90" height="83" viewBox="0 0 168 155" xmlns="http://www.w3.org/2000/svg"
                    style="color: rgb(30,135,240);" class=" uk-svg"
                    data-svg="../../../skin/ukv3/images/uikit-logo-large.svg">
                    <path fill="#fff"
                        d="M117.4 33.3L93.3 47.9l27.8 15.8v41.5L83.8 126l-36.7-20.8V73L23 60.7v58.9l59.9 35.2 62.1-35.2V49.2l-27.6-15.9zM106.2 27.5L82.9 14 58.6 29.1l23.6 13z">
                    </path>
                </svg></p>
            <p class="uk-text-lead">登录</p>
            <form method="post" action="login?next={{ request.GET.next }}">
                {% csrf_token %}
                <div class="uk-margin">
                    <div class="uk-inline uk-width-1-1">
                        <span class="uk-form-icon uk-icon" uk-icon="icon: user"></span>
                        <input class="uk-input" type="text" name="username" placeholder="用户名">
                    </div>
                </div>
                <div class="uk-margin">
                    <div class="uk-inline uk-width-1-1">
                        <span class="uk-form-icon uk-icon" uk-icon="icon: lock"></span>
                        <input class="uk-input" type="password" name="password" placeholder="密码">
                    </div>
                </div>
                <button class="uk-button uk-button-primary uk-width-1-1">登录</button>
                <p class="uk-margin-medium-top	"><a href="/">{{ welcoming }}</a> © 2023-2028</p>
            </form>
        </div>
    </div>

</div>
{% endblock %}